export const SCATTER_CHART_IDENTIFIER = '__scatter_chart__';

// canvas color
export const COLOR_TEXT = 'black';
export const COLOR_STROKE = 'black';
export const COLOR_BACKGROUND = 'white';

// container
export const CONTAINER_WIDTH = 518;
export const CONTAINER_HEIGHT = 320;
export const CONTAINER_PADDING = {
  top: 15,
  bottom: 0,
  left: 0,
  right: 0,
};

// axis
export const AXIS_INNER_PADDING = 5;
export const AXIS_TICK_WIDTH = 5;
export const AXIS_DEFAULT_TICK_COUNT = 5;

// tick text
export const TEXT_PADDING_TOP = 2;
export const TEXT_PADDING_BOTTOM = 2;
export const TEXT_PADDING_LEFT = 2;
export const TEXT_PADDING_RIGHT = 2;

// point
export const POINT_RADIUS = 3;

// layer
export const LAYER_DEFAULT_PRIORITY = 99;

// colors
export const COLORS = [
  '#1f77b4',
  '#aec7e8',
  '#ff7f0e',
  '#ffbb78',
  '#2ca02c',
  '#98df8a',
  '#d62728',
  '#ff9896',
  '#9467bd',
  '#c5b0d5',
  '#8c564b',
  '#c49c94',
  '#e377c2',
  '#f7b6d2',
  '#7f7f7f',
  '#c7c7c7',
  '#bcbd22',
  '#dbdb8d',
  '#17becf',
  '#9edae5',
];
